<!DOCTYPE html>
<html lang="zxx">

<head>
    <!-- METATAG -->
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <meta name="keywords" content="resume, cv, portfolio, personal,personal resume, modern" />
    <meta name="author" content="Rama Hardian" />
    <!-- TITLE PAGE -->
    <title>Miun - Personal Page</title>
    <!-- BOOTSTRAP CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- FONTAWESOME CSS -->
    <link href="css/fontawesome/all.min.css" rel="stylesheet">
    <!-- GOOGLE FONT -->
    <link href="https://fonts.googleapis.com/css2?family=Karla:wght@400;700;900&display=swap" rel="stylesheet">
    <!-- AOS CSS -->
    <link href="css/aos.css" rel="stylesheet">
    <!-- OWL CAROUSEL CSS -->
    <link href="css/owl.carousel.min.css" rel="stylesheet">
    <link href="css/owl.theme.default.min.css" rel="stylesheet">
    <!-- MAGNIFIC CSS -->
    <link href="css/magnific.css" rel="stylesheet">
    <!-- THEMES CSS -->
    <link href="css/themes.css" rel="stylesheet">
</head>

<body>
    <!-- PRELOADER -->
    <div class="wrap-load">
        <div class="img-logo-load">
            <div class="progress">
                <div class="line"></div>
            </div>
            <img src="image/asset/logo.png" alt="logo" />
        </div>
    </div>
    <!-- END PRELOADER -->
    <!-- MAIN HEADER PAGE -->
    <header id="header" class="main-kalpaxheader">
        <div class="container">
            <div class="row">
                <!-- LOGO WRAP -->
                <div class="col-lg-12 position-relative">
                    <a href="/" class="logo-kalpax"><img src="image/asset/logo.png" alt="logo" /> </a>
                    <!-- LANG WRAP -->
                    <div class="lang">
                        <ul>
                            <li><a href="#">ENG</a></li>
                            <li><a href="#">IDN</a></li>
                        </ul>
                    </div>
                    <!-- END LANG WRAP -->
                    <!-- BURGER MENU WRAP -->
                    <div class="kalpax-burger-menu">
                        <span></span>
                    </div>
                    <!-- END BURGER MENU WRAP -->
                </div>
                <!-- END LOGO WRAP -->
            </div>
            <!-- NAVIGATION PAGE -->
            <div class="menuContent  justify-content-center">
                <ul>
                    <li class="submenulink">
                        <a class="vlink" href="#">Home
                            <i class="fa fa-chevron-down"></i>
                        </a>
                        <ul class="submenu">
                            <li><a href="index.html">Home</a></li>
                            <li><a href="index-2.html">Home Two</a></li>
                        </ul>
                    </li>
                    <li><a class="vlink" href="about.html">About me</a></li>
                    <li class="submenulink"><a class="vlink" href="#">Project
                        <i class="fa fa-chevron-down"></i>

                    </a>
                        <ul class="submenu">
                            <li><a href="project.html">Project Modern</a></li>
                            <li><a href="project-grid.html">Project grid </a></li>
                            <li><a href="project-masonry.html">Project masonry </a></li>
                            <li><a href="project-single.html">Project single </a></li>
                        </ul>
                    </li>
                    <li class="submenulink">
                        <a class="vlink" href="#">Other Page
                            <i class="fa fa-chevron-down"></i>
                        </a>
                        <ul class="submenu">
                            <li><a href="team.html">Team</a></li>
                            <li><a href="#">404 Page</a></li>
                            <li><a href="pricing.html">Pricing</a></li>
                        </ul>
                    </li>
                    <li><a class="vlink" href="#">Contact</a></li>

                </ul>


            </div>
            <!-- END NAVIGATION PAGE -->
        </div>
    </header>
    <!-- END MAIN HEADER PAGE -->
    <!-- MAIN WRAP-->
    <main id="mainwrap">
        <section id="error">
            <div class="container pt-5">
                <div class="row pt-5">
                    <div class="col-lg-12 text-center pt-5">
                        <div class="img-wrap">
                            <img src="./image/asset/404.png" alt="img" />
                            <h3 class="pt-5">Oops page not found
                            </h3>
                            <p class="pt-3 text-muted">We suggest you go to the homepage while we fix the problem.

                            </p>
                        </div>

                        <a href="#" class="btm-price   mt-5 d-block d-lg-inline-flex ">
                            <span>Back to homepage</span>
                        </a>
                    </div>
                </div>
            </div>
        </section>
    </main>
    <!-- END MAIN WRAP-->
    <!-- FOOTER CONTENT PAGE SECTION -->
    <footer id="kalpax-footer-wrap" class="pt-5">
        <div class="container pt-5">
            <div class="row">
                <div id="kalpax-contactfooter" class="col-sm-12 col-md-6">
                    <h6>Get intouch —</h6>
                    <p class="addr">
                        4633 Poplar Avenue street Pine Valley CA California 92062 USA
                    </p>
                    <p class="icon"><i class="fa fa-envelope-o"></i> example@test.com</p>
                    <p class="icon"><i class="fa fa-phone"></i> +619-473-4359</p>
                </div>
                <div class="col-xs-6 col-md-3 mt-4 kalpax-morefooter  col-6">
                    <h6>Find me on —</h6>
                    <ul class="footer-links">
                        <li><a href="#" class="link-km">Instagram</a></li>
                        <li><a href="#" class="link-km">LinkedIn</a></li>
                        <li><a href="#" class="link-km">Behance</a></li>
                    </ul>
                </div>
                <div class="col-xs-6 col-md-3 mt-4 kalpax-morefooter  col-6">
                    <h6>Quick Links —</h6>
                    <ul class="footer-links">
                        <li><a href="#" class="link-km">About Me</a></li>
                        <li><a href="#" class="link-km">Contact</a></li>
                        <li><a href="#" class="link-km">Project</a></li>
                    </ul>
                </div>
            </div>
            <hr />
        </div>
        <div class="container">
            <div class="row">
                <div class="col-md-8 col-sm-6 col-xs-12 ">
                    <p class="copyright-text">Miun &copy; 2025 <a target="_blank" href="https://www.mobanwang.com/" title="网站模板">网站模板</a></p>
                </div>
            </div>
        </div>
    </footer>
    <!-- END FOOTER CONTENT PAGE SECTION -->
    <!-- GO TO TOP INDICATOR -->
    <a href="# " class="goup"><i class="fa fa-chevron-up " aria-hidden="true "></i></a>
    <!-- JQUERY -->
    <script src="javascript/jquery.js "></script>
    <!-- JQUERY EASING -->
    <script src="javascript/easing.js "></script>
    <!-- BOOTSTRAP JS -->
    <script src="javascript/bootsrtap.min.js "></script>
    <!-- PARALLAX JS -->
    <script src="javascript/parallax.js "></script>
    <!-- PARTICLE JS -->
    <script src="javascript/particle.js "></script>
    <!-- CIRCLEFULL JS -->
    <script src="javascript/circlefull.js "></script>
    <!-- AOS JS -->
    <script src="javascript/aos.js "></script>
    <!-- ISOTOPE JS -->
    <script src="javascript/isotope.js"></script>

    <!-- jqueryvalidation JS -->
    <script src="javascript/jqueryvalidation.js "></script>
    <!-- OWL CAROUSEL JS -->
    <script src="javascript/owl.carousel.min.js "></script>
    <!-- magnific JS -->
    <script src="javascript/magnific.js "></script>
    <!-- MAIN JS -->
    <script src="javascript/main.js "></script>
    <!-- parallax init JS -->
    <script src="javascript/parallax-init.js "></script>
    <!-- particles init JS -->
    <script src="javascript/particles-init.js "></script>
</body>

</html>